<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <base href="" />
        <link href="favicon.ico" rel="shortcut icon" />
        <title>Google Maps jQuery Plugin - Customization</title>
        <meta name="robots" content="index,follow">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <!-- The Needs -->

        <!-- ! The Plugin Stylesheet, needed -->
        <link rel="stylesheet" type="text/css" href="./css/jquery.googlemaps.customize.css" title="style" />

        <!-- ! Google Maps API v3, needed -->
        <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>

        <!-- ! Addition Infobox Script from Google, use THIS modificated Version, needed -->
        <script type="text/javascript" src="./js/infobox.js"></script>

        <!-- ! jQuery latest, here: 1.9.1., needed -->
        <script type="text/javascript" src="./js/jquery.min.js"></script>

        <!-- ! The Plugin Script Base, needed -->
        <script type="text/javascript" src="./js/jquery.googlemaps.js"></script>

        <!-- ! Example Map Data, replace it, but: needed anyway -->
        <script type="text/javascript" src="./mapdata-customize.js"></script>

        <!-- End Needs -->

        <!-- Example Page Java Script, not needed -->
        <script type="text/javascript" src="./js/assets/page.js"></script>

        <!-- Additional Stylesheets, not needed -->
        <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans:400,800,300" title="style" />
        <link rel="stylesheet" type="text/css" href="./css/assets/bootstrap.min.css" title="style" />
        <link rel="stylesheet" type="text/css" href="./css/assets/font-awesome.min.css" title="style" />
        <!-- end Additional Stylesheets -->

        <!-- ! Example CSS Stuff, not needed -->
        <link rel="stylesheet" type="text/css" href="./css/assets/page.css" title="style" />

    </head>
    <body class="customize">
        <div class="page">
            <div class="left">
                <div class="heading">
                    <h1>Google Maps mit unterschiedlichen Markern, Streetview und Hybrid / Satellit </h1>
                    <h2>jQuery Plugin</h2>
                </div>
                <div id="mapbox" class="mapbox">

                </div>
            </div>
            <div class="right">
                <div class="heading">
                    <div class="btn-group">
                        <button type="button" class="btn btn-default btn-xs btn-disabled" disabled="disabled">
                            Show Seed:
                        </button>
                        <button type="button" class="btn btn-primary btn-xs buttonShowOptions fat">
                            Merged Options
                        </button>
                        <button type="button" class="btn btn-primary btn-xs buttonShowParams fat">
                            Init Parameters
                        </button>
                        <button type="button" class="btn btn-primary btn-xs buttonShowDefaultOptions fat">
                            Plugin Defaults
                        </button>
                    </div>
                </div>
                <textarea class="" id="options" wrap="off">
                    
               </textarea>
                <div class="code-controls">

                    <div class="btn-group fltr">
                        <button type="button" class="btn btn-default btn-xs btn-disabled" disabled="disabled">
                            Actions:
                        </button>
                        <button type="button" class="btn btn-primary btn-xs buttonInit">
                            init()
                        </button>
                        <button type="button" class="btn btn-primary btn-xs buttonShowAllInfoBoxes">
                            showAllInfoBoxes()
                        </button>
                        <button type="button" class="btn btn-primary btn-xs buttonHideAllInfoBoxes">
                            hideAllInfoBoxes()
                        </button>
                        <button type="button" class="btn btn-primary btn-xs buttonDestroy">
                            destroy()
                        </button>
                    </div>
                    <button type="button" class="btn btn-success btn buttonInit fat">
                        Init with this options
                    </button>
                </div>
            </div>
        </div>
    </body>

    <script>
        var mapbox;

        $(window).on('ready', function() {

            mapbox = $('#mapbox').googleMapsTools({
                "data" : {
                    "settings" : {
                        "startPoint" : {
                            "lat" : "52.5554100",
                            "lng" : "13.4368200"
                        },
                        "startZoom" : 13,
                        "maxZoom" : 15,
                        "minZoom" : 11
                    },
                    "places" : [{
                        "name" : "Thulestraße 19, 13189 Pankow  ",
                        "coordinates" : {
                            "lat" : "52.5552900",
                            "lng" : "13.4178100"
                        },
                        "info_box" : {

                        }
                    }, {
                        "name" : "Pegasuseck 18, 12524 Treptow-Köpenick  ",
                        "coordinates" : {
                            "lat" : "52.4064000",
                            "lng" : "13.5306300"
                        },
                        "info_box" : {

                        },
                        "marker_icon" : "marker_nobrokerage.png"
                    }, {
                        "name" : "Selgenauer Weg 2, 12355 Bezirk Neukölln  ",
                        "coordinates" : {
                            "lat" : 52.4199902,
                            "lng" : 13.5030869
                        },
                        "info_box" : {

                        },
                        "marker_icon" : "marker_nobrokerage.png"
                    }, {
                        "name" : "Troppauer Straße 19A, 12205 Steglitz-Zehlendorf  ",
                        "coordinates" : {
                            "lat" : 52.4381647,
                            "lng" : 13.2861199
                        },
                        "info_box" : {

                        },
                        "marker_icon" : "marker_nobrokerage.png"
                    }, {
                        "name" : "13357   ",
                        "coordinates" : {
                            "lat" : 52.5499561,
                            "lng" : 13.3804407
                        },
                        "info_box" : {

                        },
                        "marker_icon" : "marker_nobrokerage.png"
                    }, {
                        "name" : "13156   ",
                        "coordinates" : {
                            "lat" : 52.5818916,
                            "lng" : 13.3981276
                        },
                        "info_box" : {

                        }
                    }, {
                        "name" : "Stralauer Allee 18, 10245 Friedrichshain-Kreuzberg  ",
                        "coordinates" : {
                            "lat" : "52.4984200",
                            "lng" : "13.4621200"
                        },
                        "info_box" : {

                        },
                        "marker_icon" : "marker_nobrokerage.png"
                    }, {
                        "name" : "Lehderstraße 28, 13086 Pankow  ",
                        "coordinates" : {
                            "lat" : "52.5499100",
                            "lng" : "13.4402300"
                        },
                        "info_box" : {

                        },
                        "marker_icon" : "marker_nobrokerage.png"
                    }, {
                        "name" : "Friedrich-Engels-Straße 43A, 13156 Pankow  <span class=\"hot\">HOT</span>",
                        "coordinates" : {
                            "lat" : 52.5837231,
                            "lng" : 13.3906666
                        },
                        "info_box" : {

                        },
                        "marker_icon" : "marker_nobrokerage.png"
                    }, {
                        "name" : "Wilhelmshavener Straße 16, 10551 Mitte  <span class=\"hot\">HOT</span>",
                        "coordinates" : {
                            "lat" : "52.5301800",
                            "lng" : "13.3419100"
                        },
                        "info_box" : {

                        },
                        "marker_icon" : "marker_star_full.png"
                    }, {
                        "name" : "Altenbraker Straße 1, 12053 Bezirk Neukölln  ",
                        "coordinates" : {
                            "lat" : "52.4721850",
                            "lng" : 13.4320834
                        },
                        "info_box" : {

                        },
                        "marker_icon" : "marker_nobrokerage.png"
                    }, {
                        "name" : "Maximilianstraße 42B, 13187 Pankow  <span class=\"hot\">HOT</span>",
                        "coordinates" : {
                            "lat" : "52.5609800",
                            "lng" : "13.4083400"
                        },
                        "info_box" : {

                        },
                        "marker_icon" : "marker_star.png"
                    }, {
                        "name" : "Kantstraße 105, 10627 Charlottenburg-Wilmersdorf  ",
                        "coordinates" : {
                            "lat" : "52.5063700",
                            "lng" : "13.3041400"
                        },
                        "info_box" : {

                        }
                    }, {
                        "name" : "Wilhelmsruher Damm 219, 13435 Reinickendorf  ",
                        "coordinates" : {
                            "lat" : "52.5956200",
                            "lng" : "13.3389000"
                        },
                        "info_box" : {

                        },
                        "marker_icon" : "marker_nobrokerage.png"
                    }, {
                        "name" : "Schweizer Tal 17, 13127 Pankow  ",
                        "coordinates" : {
                            "lat" : "52.6047900",
                            "lng" : "13.4251400"
                        },
                        "info_box" : {

                        },
                        "marker_icon" : "marker_nobrokerage.png"
                    }, {
                        "name" : "Driesener Straße 3, 10439 Berlin  ",
                        "coordinates" : {
                            "lat" : "52.5505120",
                            "lng" : "13.4056310"
                        },
                        "info_box" : {

                        },
                        "marker_icon" : "marker_nobrokerage.png"
                    }, {
                        "name" : "Birkenwerder  <span class=\"hot\">HOT</span>",
                        "coordinates" : {
                            "lat" : 52.6910604,
                            "lng" : 13.2783281
                        },
                        "info_box" : {

                        },
                        "marker_icon" : "marker_star.png"
                    }, {
                        "name" : "Kolkrabenweg 9, 12351 Bezirk Neukölln  <span class=\"hot\">HOT</span>",
                        "coordinates" : {
                            "lat" : "52.4398700",
                            "lng" : "13.4672400"
                        },
                        "info_box" : {

                        },
                        "marker_icon" : "marker_nobrokerage.png"
                    }, {
                        "name" : "Nantesstraße 70, 13127 Pankow  ",
                        "coordinates" : {
                            "lat" : "52.6045300",
                            "lng" : "13.4190500"
                        },
                        "info_box" : {

                        },
                        "marker_icon" : "marker_nobrokerage.png"
                    }, {
                        "name" : "Glienicke/Nordbahn  <span class=\"hot\">HOT</span>",
                        "coordinates" : {
                            "lat" : 52.6333266,
                            "lng" : "13.3271780"
                        },
                        "info_box" : {

                        },
                        "marker_icon" : "marker_star.png"
                    }, {
                        "name" : "Eitelstraße 27, 10317 Bezirk Lichtenberg  ",
                        "coordinates" : {
                            "lat" : "52.5047300",
                            "lng" : "13.4935500"
                        },
                        "info_box" : {

                        },
                        "marker_icon" : "marker_star.png"
                    }, {
                        "name" : "Drewitzer Straße 52, 13467 Reinickendorf  ",
                        "coordinates" : {
                            "lat" : "52.6225500",
                            "lng" : "13.2964700"
                        },
                        "info_box" : {

                        },
                        "marker_icon" : "marker_nobrokerage.png"
                    }, {
                        "name" : "Heidenheimer Straße 47, 13467 Reinickendorf  ",
                        "coordinates" : {
                            "lat" : 52.6156924,
                            "lng" : 13.3002624
                        },
                        "info_box" : {

                        },
                        "marker_icon" : "marker_nobrokerage.png"
                    }, {
                        "name" : "Lütticher Straße 4, 13353 Mitte  ",
                        "coordinates" : {
                            "lat" : "52.5461400",
                            "lng" : "13.3458100"
                        },
                        "info_box" : {

                        },
                        "marker_icon" : "marker_nobrokerage.png"
                    }, {
                        "name" : "Uhlandstraße 49, 13156 Pankow  ",
                        "coordinates" : {
                            "lat" : "52.5864670",
                            "lng" : 13.3940636
                        },
                        "info_box" : {

                        },
                        "marker_icon" : "marker_nobrokerage.png"
                    }, {
                        "name" : "Hans-Otto-Straße 13, 10407 Pankow  ",
                        "coordinates" : {
                            "lat" : "52.5310000",
                            "lng" : "13.4351300"
                        },
                        "info_box" : {

                        },
                        "marker_icon" : "marker_nobrokerage.png"
                    }, {
                        "name" : "Ufnaustraße 4, 10553 Mitte  ",
                        "coordinates" : {
                            "lat" : "52.5295700",
                            "lng" : "13.3173800"
                        },
                        "info_box" : {

                        }
                    }, {
                        "name" : "Markstraße, 13409   ",
                        "coordinates" : {
                            "lat" : 52.5609447,
                            "lng" : 13.3649357
                        },
                        "info_box" : {

                        },
                        "marker_icon" : "marker_nobrokerage.png"
                    }, {
                        "name" : "Monopolstraße 38, 12109 Tempelhof-Schöneberg  <span class=\"hot\">HOT</span>",
                        "coordinates" : {
                            "lat" : "52.4485300",
                            "lng" : "13.3882600"
                        },
                        "info_box" : {

                        },
                        "marker_icon" : "marker_nobrokerage.png"
                    }, {
                        "name" : "Fontanestraße 27, 13158 Pankow  ",
                        "coordinates" : {
                            "lat" : "52.5841800",
                            "lng" : "13.3604300"
                        },
                        "info_box" : {

                        },
                        "marker_icon" : "marker_nobrokerage.png"
                    }, {
                        "name" : "Drewitzer Straße 48, 13467 Reinickendorf  ",
                        "coordinates" : {
                            "lat" : "52.6224000",
                            "lng" : "13.2969700"
                        },
                        "info_box" : {

                        },
                        "marker_icon" : "marker_nobrokerage.png"
                    }, {
                        "name" : "Großbeerenstraße, 10963 Friedrichshain-Kreuzberg  <span class=\"hot\">HOT</span>",
                        "coordinates" : {
                            "lat" : 52.4975522,
                            "lng" : 13.3848757
                        },
                        "info_box" : {

                        },
                        "marker_icon" : "marker_nobrokerage.png"
                    }, {
                        "name" : "Achenseeweg 28A, 12209 Steglitz-Zehlendorf  <span class=\"hot\">HOT</span>",
                        "coordinates" : {
                            "lat" : "52.4150000",
                            "lng" : "13.3333500"
                        },
                        "info_box" : {

                        },
                        "marker_icon" : "marker_nobrokerage.png"
                    }, {
                        "name" : "Raschdorffstraße 85, 13409 Reinickendorf  ",
                        "coordinates" : {
                            "lat" : 52.5724054,
                            "lng" : "13.3722050"
                        },
                        "info_box" : {

                        },
                        "marker_icon" : "marker_nobrokerage.png"
                    }]
                },
                "imagePath" : "images/marker-customize/",
                "centerOpenInfoboxOnWindowResize" : true,
                "mapStyles" : [{
                    "featureType" : "poi.park",
                    "elementType" : "geometry",
                    "stylers" : [{
                        "hue" : "#08ff00"
                    }, {
                        "saturation" : 100
                    }, {
                        "lightness" : -67
                    }]
                }, {
                    "featureType" : "poi.attraction",
                    "elementType" : "geometry",
                    "stylers" : [{
                        "saturation" : 80
                    }, {
                        "hue" : "#00ff44"
                    }, {
                        "lightness" : -79
                    }]
                }, {
                    "featureType" : "water",
                    "elementType" : "geometry.fill",
                    "stylers" : [{
                        "saturation" : 1
                    }, {
                        "lightness" : -66
                    }, {
                        "hue" : "#0077ff"
                    }]
                }, {
                    "featureType" : "poi.place_of_worship",
                    "elementType" : "geometry",
                    "stylers" : [{
                        "hue" : "#00ff09"
                    }, {
                        "saturation" : 4
                    }, {
                        "lightness" : -45
                    }]
                }, {
                    "featureType" : "landscape.natural",
                    "elementType" : "geometry.fill",
                    "stylers" : [{
                        "hue" : "#00ff19"
                    }, {
                        "saturation" : 100
                    }, {
                        "lightness" : -81
                    }]
                }, {
                    "featureType" : "poi",
                    "elementType" : "geometry.fill",
                    "stylers" : [{
                        "hue" : "#00ff19"
                    }, {
                        "lightness" : -47
                    }]
                }, {
                    "featureType" : "landscape.man_made",
                    "elementType" : "geometry.fill",
                    "stylers" : [{
                        "saturation" : 77
                    }, {
                        "hue" : "#ffdd00"
                    }, {
                        "lightness" : -83
                    }]
                }, {
                    "featureType" : "road",
                    "elementType" : "geometry.fill",
                    "stylers" : [{
                        "lightness" : -87
                    }]
                }, {
                    "featureType" : "road",
                    "elementType" : "labels.text.stroke",
                    "stylers" : [{
                        "visibility" : "off"
                    }]
                }, {
                    "featureType" : "road",
                    "elementType" : "geometry.stroke",
                    "stylers" : [{
                        "visibility" : "off"
                    }]
                }, {
                    "elementType" : "labels.text.stroke",
                    "stylers" : [{
                        "visibility" : "off"
                    }]
                }, {
                    "elementType" : "labels.text.fill",
                    "stylers" : [{
                        "hue" : "#ff0000"
                    }, {
                        "lightness" : 100
                    }]
                }],
                "disableCustomControls" : false,
                "disableDefaultUI" : true,
                "streetViewControl" : true,
                "mapTypeControl" : true,
                "infoBox" : {
                    "openOn" : "hover",
                    "closeOnClickOutside" : false,
                    "centerMapOnShow" : false,
                    
                }
            });

            $('.buttonShowOptions').on('click', function() {
                $('#options').html($('<div/>').text(JSON.stringify(mapbox.getOptions(), null, 4)).html().replace(/\\"/gi, '"'));
                $('.btn-group .btn-info').removeClass('btn-info').addClass('btn-primary');
                $(this).removeClass('btn-primary').addClass('btn-info');
            });

            $('.buttonShowDefaultOptions').on('click', function() {
                $('#options').html($('<div/>').text(JSON.stringify(mapbox.getDefaults(), null, 4)).html().replace(/\\"/gi, '"'));
                $('.btn-group .btn-info').removeClass('btn-info').addClass('btn-primary');
                $(this).removeClass('btn-primary').addClass('btn-info');
            });

            $('.buttonShowParams').on('click', function() {
                $('#options').html($('<div/>').text(JSON.stringify(mapbox.getParams(), null, 4)).html().replace(/\\"/gi, '"'));
                $('.btn-group .btn-info').removeClass('btn-info').addClass('btn-primary');
                $(this).removeClass('btn-primary').addClass('btn-info');
            });

            $('.buttonShowOptions').trigger('click');

        });

    </script>
</html>